Skip to content

Conversation

@alionazherdetska
Copy link
Contributor

@alionazherdetska alionazherdetska commented Sep 15, 2025

Depends on: #6217

📄 Description

This PR replaces Post Icons (4-digit references) with their corresponding UI Icons across the components and styles packages.


📝 Checklist

  • ✅ My code follows the style guidelines of this project
  • 🛠️ I have performed a self-review of my own code
  • 📄 I have made corresponding changes to the documentation
  • ⚠️ My changes generate no new warnings or errors
  • 🧪 I have added tests that prove my fix is effective or that my feature works
  • ✔️ New and existing unit tests pass locally with my changes

@changeset-bot
Copy link

changeset-bot bot commented Sep 15, 2025

🦋 Changeset detected

Latest commit: ec75eee

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 12 packages
Name Type
@swisspost/design-system-components Patch
@swisspost/design-system-styles Patch
@swisspost/design-system-components-angular-workspace Patch
@swisspost/design-system-components-react Patch
@swisspost/design-system-documentation Patch
@swisspost/design-system-nextjs-integration Patch
@swisspost/design-system-components-angular Patch
@swisspost/internet-header Patch
@swisspost/design-system-styles-primeng-workspace Patch
@swisspost/design-system-styles-primeng Patch
@swisspost/design-system-tokens Patch
@swisspost/design-system-icons Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@alionazherdetska alionazherdetska marked this pull request as draft September 15, 2025 11:36
@alionazherdetska alionazherdetska changed the base branch from main to chore/icon-mixin-fix September 15, 2025 12:55
@swisspost-bot
Copy link
Contributor

swisspost-bot commented Sep 15, 2025

Related Previews

@sonarqubecloud
Copy link

@alionazherdetska alionazherdetska merged commit aefeb8b into main Oct 28, 2025
14 of 15 checks passed
@alionazherdetska alionazherdetska deleted the replace-post-icons-with-ui-icons branch October 28, 2025 12:30
oliverschuerch pushed a commit that referenced this pull request Nov 3, 2025
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.

⚠️⚠️⚠️⚠️⚠️⚠️

`main` is currently in **pre mode** so this branch has prereleases
rather than normal releases. If you want to exit prereleases, run
`changeset pre exit` on `main`.

⚠️⚠️⚠️⚠️⚠️⚠️

# Releases
## @swisspost/[email protected]

### Major Changes

- Added a new required `label` prop for the accessible name of
`<post-breadcrumbs>` and made its `homeText` prop required. Made the
`<post-rating>` label prop required. (by
[@myrta2302](https://github.com/myrta2302) with
[#6487](#6487))

- Introduced `<post-popover-trigger>` web component to replace the
previous `data-popover-target` implementation. (by
[@myrta2302](https://github.com/myrta2302) with
[#6209](#6209))

### Minor Changes

- Added a slot to the `post-megadropdown` component to support an
optional “overview link” above the other links. This allows users to
include a top-level link for each megadropdown, enabling navigation to
the overview page. (by [@leagrdv](https://github.com/leagrdv) with
[#6513](#6513))

### Patch Changes

- Replaced `Post Icons` with their corresponding `UI Icon` equivalents
across the package to align icon usage with the current design
guidelines. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6217](#6217))

- Added the megadropdown overview link into the list of focusable
elements in the `post-megadropdown`. (by
[@leagrdv](https://github.com/leagrdv) with
[#6557](#6557))

- Added styles to center the `post-closebutton` button within its
container. (by [@myrta2302](https://github.com/myrta2302) with
[#6526](#6526))

- Fixed an issue with dependency managemant around @stencil/core. This
package no longer has to be installed as a dependency by projects using
the Design System Components or Components Angular packages as it's now
declared a dependency of the components package (was a devDependency
before). (by [@gfellerph](https://github.com/gfellerph) with
[#6554](#6554))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Minor Changes

-   Added icons:

    -   `acid` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `bikebattery` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `carbatteryleak` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `carbattery` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `container` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `lithiumbatteryleak` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `lithiumbattery` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `meetinghybrid` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `meetingonsite` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `meetingteams` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `noweapon` (line & solid): 16, 24, 32, 40, 48 and 64px
- `poison` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6540](#6540))

- Added icons: `2740` (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6570](#6570))

## @swisspost/[email protected]

### Patch Changes

- Fixed an issue with dependency managemant around @stencil/core. This
package no longer has to be installed as a dependency by projects using
the Design System Components or Components Angular packages as it's now
declared a dependency of the components package (was a devDependency
before). (by [@gfellerph](https://github.com/gfellerph) with
[#6554](#6554))
-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

- Replaced `Post Icons` with their corresponding `UI Icon` equivalents
across the package to align icon usage with the current design
guidelines. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6217](#6217))

- Fixed an issue with button styles specificity where e.g. icon buttons
got overwritten by the button styles. Button styles are now delivered in
the correct source order, also when selectively importing component CSS.
(by [@gfellerph](https://github.com/gfellerph) with
[#6553](#6553))

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]



## @swisspost/[email protected]

### Minor Changes

- Removed default svg-icons from all navigation entries. Introduced
state-specific icons for individual components to indicate their current
development status:

- In Progress ⏳: This component has open issues or tasks that need to be
fixed before it can be used.
- Experimental 🧪: This component has been newly introduced and you might
experience some bumps while using it.
- Stable (No icon): This component is tested, has some mileage, other
projects are already successfully implementing it, it's safe to use
this.
- Deprecated ⛔: This component will be removed in an upcoming major
version. (by [@bucknatt](https://github.com/bucknatt) with
[#6044](#6044))

- Enhanced component documentation to include a badge at the top of each
page showing the package where the component can be found, clarifying
which dependency needs to be installed to make it available in a project
(by [@bucknatt](https://github.com/bucknatt) with
[#5984](#5984))

### Patch Changes

- Fixed layout issue in the `post-tabs` component and `overflow`
utilities documentation where the code preview controls overlapped the
content, making text unreadable. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6534](#6534))

- Introduced `<post-popover-trigger>` web component to replace the
previous `data-popover-target` implementation. (by
[@myrta2302](https://github.com/myrta2302) with
[#6209](#6209))

- Added a slot to the `post-megadropdown` component to support an
optional “overview link” above the other links. This allows users to
include a top-level link for each megadropdown, enabling navigation to
the overview page. (by [@leagrdv](https://github.com/leagrdv) with
[#6513](#6513))

- Moved 'Find your icon' tab to be the first one in `Foundations/Icons`
documentation page. (by [@bucknatt](https://github.com/bucknatt) with
[#6511](#6511))

- Updated `post-breadcrumbs` and `post-rating` documentation examples to
include the newly required props. (by
[@myrta2302](https://github.com/myrta2302) with
[#6487](#6487))

- Updated the compatibility matrix of the `components-angular` and
`components-react` packages. (by [@leagrdv](https://github.com/leagrdv)
with [#6521](#6521))

- Added common installation instructions on every web component
documentation page. (by [@leagrdv](https://github.com/leagrdv) with
[#6514](#6514))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Replace Post Icons with UI Icons in Styles & Components

4 participants